<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../demo/css/news.css">
    <link rel="stylesheet" href="../demo/css/mina.css">
</head>

<body>
    <!-- 容器 -->
    <div class="container">
        <!-- 页头 -->
        <div class="header">
            <!-- 导航栏 -->
            <div class="nav">
                <div class="nav-loge">
                    <a href="" class="loge-a">
                        <img src="../demo/imgs/蓝狐.png" alt="">
                    </a>
                    <span>蓝狐教育</span>

                </div>
                <div class="nav-right">
                    <ul>
                        <li> <a href="../demo/index.html">首页</a></li>
                        <li> <a href="../demo/elites.html">精品课程</a>
                            <div class="pull-down">
                                <a href="../demo/elites.html">前端工程</a>
                                <a href="../demo/rubbish-uI.html">uI垃圾</a>
                            </div>
                        </li>
                        <li> <a href="../demo/employment-service.html">就业服务</a></li>
                        <li> <a href="../demo/news.html">新闻动态</a></li>
                        <li> <a href="../demo/about.html">关于我们</a></li>
                </div>
            </div>
        </div>
        <div class="content-news">
            <div>
                <img src="../demo/imgs/新闻动态/新闻图.png" alt="">
            </div>
            <div class="content-nws-p">
                <p>NEWS</p>
                <p>新闻动态</p>
            </div>


        </div>
        <div class="content-one">
            <ul>
                <li>
                    公司动态
                    <span></span>
                </li>
                <li>
                    行业资讯
                </li>
            </ul>

            <div class="content-one-button">
                <a href="">
                    <div class="content-two">

                        <div class="content-two-1">
                            <p class="content-two-p">1</p>
                            <p class="content-two-1-p">2021年广东省网络安全宣传周群众性宣传作...</p>
                            <span class="content-two-1-sp"> 2021-08-21</span>

                        </div>
                        <p class="content-two-1-pp">
                            本次征集于8月27号正式启动，通过引导、发掘、鼓励生产群众喜闻乐见的网络安全宣传作品，
                            <br> 推 动“网络安全为人民、网络安全靠人民”理念深入人心。</p>
                    </div>
                </a>
                <a href="">
                    <div class="content-two">

                        <div class="content-two-1">
                            <p class="content-two-p">1</p>
                            <p class="content-two-1-p">2021年广东省网络安全宣传周群众性宣传作...</p>
                            <span class="content-two-1-sp"> 2021-08-21</span>

                        </div>
                        <p class="content-two-1-pp">
                            本次征集于8月27号正式启动，通过引导、发掘、鼓励生产群众喜闻乐见的网络安全宣传作品，
                            <br> 推 动“网络安全为人民、网络安全靠人民”理念深入人心。</p>
                    </div>
                </a>
                <a href="">
                    <div class="content-two">

                        <div class="content-two-1">
                            <p class="content-two-p">1</p>
                            <p class="content-two-1-p">2021年广东省网络安全宣传周群众性宣传作...</p>
                            <span class="content-two-1-sp"> 2021-08-21</span>

                        </div>
                        <p class="content-two-1-pp">
                            本次征集于8月27号正式启动，通过引导、发掘、鼓励生产群众喜闻乐见的网络安全宣传作品，
                            <br> 推 动“网络安全为人民、网络安全靠人民”理念深入人心。</p>
                    </div>
                </a>
                <a href="">
                    <div class="content-two">

                        <div class="content-two-1">
                            <p class="content-two-p">1</p>
                            <p class="content-two-1-p">2021年广东省网络安全宣传周群众性宣传作...</p>
                            <span class="content-two-1-sp"> 2021-08-21</span>

                        </div>
                        <p class="content-two-1-pp">
                            本次征集于8月27号正式启动，通过引导、发掘、鼓励生产群众喜闻乐见的网络安全宣传作品，
                            <br> 推 动“网络安全为人民、网络安全靠人民”理念深入人心。</p>
                    </div>
                </a>
                <a href="">
                    <div class="content-two">

                        <div class="content-two-1">
                            <p class="content-two-p">1</p>
                            <p class="content-two-1-p">2021年广东省网络安全宣传周群众性宣传作...</p>
                            <span class="content-two-1-sp"> 2021-08-21</span>

                        </div>
                        <p class="content-two-1-pp">
                            本次征集于8月27号正式启动，通过引导、发掘、鼓励生产群众喜闻乐见的网络安全宣传作品，
                            <br> 推 动“网络安全为人民、网络安全靠人民”理念深入人心。</p>
                    </div>
                </a>
                <a href="">
                    <div class="content-two">

                        <div class="content-two-1">
                            <p class="content-two-p">1</p>
                            <p class="content-two-1-p">2021年广东省网络安全宣传周群众性宣传作...</p>
                            <span class="content-two-1-sp"> 2021-08-21</span>

                        </div>
                        <p class="content-two-1-pp">
                            本次征集于8月27号正式启动，通过引导、发掘、鼓励生产群众喜闻乐见的网络安全宣传作品，
                            <br> 推 动“网络安全为人民、网络安全靠人民”理念深入人心。</p>
                    </div>
                </a>
                <a href="">
                    <div class="content-two">

                        <div class="content-two-1">
                            <p class="content-two-p">1</p>
                            <p class="content-two-1-p">2021年广东省网络安全宣传周群众性宣传作...</p>
                            <span class="content-two-1-sp"> 2021-08-21</span>

                        </div>
                        <p class="content-two-1-pp">
                            本次征集于8月27号正式启动，通过引导、发掘、鼓励生产群众喜闻乐见的网络安全宣传作品，
                            <br> 推 动“网络安全为人民、网络安全靠人民”理念深入人心。</p>
                    </div>
                </a>
            </div>

        </div>
        <!-- 尾部 -->
        <div class="footer">
            <div class="footer-content">
                <p>联系我们</p>
                <p>想要成功，就要比别人先行动，快来报名吧！</p>
                <div class="footer-inp">
                    <input type="text" placeholder="请输入你的姓名">
                    <button>联系老师</button>
                </div>
                <div class="footer-nav">
                    <div class="f-n-one">
                        <ul class="ul-seven">
                            <li class="li-one">友情链接</li>
                            <li><a href="">蓝狐教育</a></li>
                            <li>中国航天</li>
                            <li>慕课网</li>
                            <li>万维网</li>
                            <li>院政府网</li>
                            <li>微信小程序</li>
                            <li>设计导航</li>
                        </ul>
                    </div>
                    <div class="f-n-two">
                        <ul class="ul-nane">
                            <li class="li-two">网站地图</li>
                            <li><a href="">首页</a></li>
                            <li><a href="">精品课程</a></li>
                            <li><a href="">就业服务</a></li>
                            <li><a href="">教学服务</a></li>
                            <li><a href="">新闻动态</a></li>
                            <li><a href="">关于蓝狐</a></li>


                        </ul>
                    </div>
                    <div class="f-n-three">
                        <ul class="ul-ten">
                            <li class="li-three">关注我们</li>
                            <li class="li-four">
                                <img src="../demo/imgs/电话.png" alt="">
                                <span>咨询热线：</span>
                                <i>0371-56621110</i>
                            </li>
                            <li class="li-five">
                                <img src="../demo/imgs/定位.png" alt="">
                                <span> 公司地址：</span>
                                <i>河南省郑州市惠济区天河路128号</i>
                            </li>
                            <li class="li-six">
                                <span><img src="../demo/imgs/二维码1.png" alt="">&nbsp;&nbsp;&nbsp;李老师</span>
                                <span><img src="../demo/imgs/二维码2.png" alt="">&nbsp;&nbsp;&nbsp;段老师</span>
                            </li>
                        </ul>
                    </div>
                    <div class="f-n-four">
                        <ul class="ul-eleven">
                            <li class="li-seven">联系我们</li>
                            <li class="li-nane">
                                <img src="../demo/imgs/二维码3.png" alt="">
                            </li>

                        </ul>
                    </div>
                </div>
                <p class="footer-p">Copyright@2022版权所有 河南蓝狐科技有限公司 ICP备案：豫ICP备2022001701号</p>
            </div>


        </div>
</body>

</html>